@import './variables.scss';

// 海洋绿
$--color-seaGreen: #2e8b57;
// 春天的绿色
$--color-springGreen: #3cb371;
//
$--color-auqamarin: #71b393;
//
$--color-auqamarin: #71b393;
//白色
$--color-white: #ffffff;

.filter-item.el-checkbox {
  line-height: 20px;
}
.filter-item-input {
  width: $searchBoxWidth !important;
  //margin-right: 6px;
}
.filter-item-report-input {
  width: $searchBoxWidth + 20px !important;
}
.filter-item-date {
  width: $searchDateBoxWidth !important;
}
.app-container {
  .uv-btn-margin {
    margin: 0 10px;
  }

  .uv-btn-seaGreen {
    background: $--color-springGreen;
    border-color: $--color-springGreen;
    color: $--color-white;

    &:hover,
    &:focus {
      background: $--color-auqamarin;
      border-color: $--color-auqamarin;
      color: $--color-white;
    }

    &:active {
      background: $--color-seaGreen;
      border-color: $--color-seaGreen;
      color: $--color-white;
    }

    &:disabled {
      background: $--color-auqamarin;
      border-color: $--color-auqamarin;
      color: $--color-white;
    }
  }

  .excel-dialog {
    .el-dialog {
      width: 80%;
    }
  }

  .hz-dialog-60 {
    .el-dialog {
      width: 60%;
    }
  }
}

.uv-container {
  .dialog-footer {
    float: right;
  }
}

.app-ms-contain {
  padding: 0 !important;
}

.o-el-dialog {
  display: flex;
  flex-direction: column;
  margin: 0 !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /*height:600px;*/
  max-height: calc(100% - 30px);
  max-width: calc(100% - 30px);

  .el-dialog__body {
    flex: 1;
    overflow: auto;
  }
}

.app-ms-contain {
  .box-card + .box-card {
    margin-top: 30px;
  }
}

.app-ms-contain {
  .box-card {
    .el-card__header {
      padding: 14px 20px;
      font-size: 16px;
    }
  }
}
.qr-item {
  width: 100%;
  margin-bottom: 6px;
  font-size: 14px;
}

.qr-item-row {
  &:nth-child(3) {
    .qr-item {
      margin-bottom: 20px;
    }
  }
}

.container-padtop-0 {
  padding-top: 0 !important;
}

.el-table .p-warning-row {
  .cell {
    color: orange;
  }
}

.el-table .p-error-row {
  .cell {
    color: red;
  }
}

.el-table .p-success-row {
  .cell {
    color: $--color-springGreen;
  }
}

#deepStyle >>> .o-el-dialog {
  display: flex;
  flex-direction: column;
  margin: 0 !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /*height:600px;*/
  max-height: calc(100% - 30px);
  max-width: calc(100% - 30px);
}
#deepStyle >>> .o-el-dialog .el-dialog__body {
  flex: 1;
  overflow: auto;
}

.cur-related-count {
  float: right;
  color: #9400d3;
  font-size: 16px;
  line-height: 40px;

  .cur-related-count-label {
    color: #000000;
  }

  .cur-related-count-text {
    font-weight: 900;
    font-size: 20px;
  }
}
